<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>碧叶之源</title>
<#--<meta name="keywords" content="关键词,5个左右,单个8汉字以内">-->
    <meta name="keywords" content="用户其他信息"/>
<#--<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">-->
    <meta name="description" content="欢迎进入碧叶之源！"/>


<#--妹子UI-->
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.datatables.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/app.css">

    <style type="text/css">

    </style>

</head>


<body>


<body data-type="widgets">

<div class="am-g tpl-g">


    <div class="row-content am-cf">


        <div class="row">

            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">履历信息</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>


                    <div class="widget-body am-fr" >

                        <div class="am-u-sm-6 " >
                            <input type="hidden" id="userId" name="userId" value="${userId!''}" />
                            <input type="hidden" id="postId" name="postId" value="${postId!''}" />

                            <table class="am-table am-table-compact am-table-bordered tpl-table-black " style="text-align:center;">
                                <thead>
                                    <tr>
                                        <td>开始时间</td>
                                        <td>结束时间</td>
                                        <td>职务</td>
                                        <td>操作</td>
                                    </tr>
                                </thead>

                                <#--展示分页数据-->
                                <tbody id="resumeData">
                                <tr>
                                    <td colspan="4">暂无数据</td>
                                </tr>
                                </tbody>

                            </table>

                            <div  style="text-align: center;">
                            <#--展示分页-->
                                <div  id='resumePage'></div>
                            </div>
                        </div>






                        <div class="am-u-sm-6">

                            <div class="am-g">
                                <div class="am-u-sm-6">
                                    <div>履历信息详情</div>
                                </div>
                            </div>

                            <table width="100%" class="am-table am-table-compact tpl-table-black ">
                                <tr>
                                    <td><div>开始时间:</div></td>
                                    <td><div id="startDetail"></div></td>
                                    <td><div>结束时间:</div></td>
                                    <td><div id="endDetail"></div></td>
                                </tr>
                                <tr>
                                    <td><div>是否公开:</div></td>
                                    <td><div id="isPubilcDetail"></div></td>
                                    <td><div>职务:</div></td>
                                    <td><div id="positionDetail"></div></td>
                                </tr>
                                <tr>
                                    <td><div>经历:</div></td>
                                    <td colspan="3"><div id="undergoDetail"></div></td>
                                </tr>
                                <tr>
                                    <td><div>备注:</div></td>
                                    <td colspan="3"><div id="remarkDetail"></div></td>
                                </tr>
                            </table>

                            <hr/>


                            <form class="am-form tpl-form-border-form tpl-form-border-br" id="resumeForm">

                                <table width="100%" class="am-table am-table-compact tpl-table-black ">
                                    <tr>
                                        <td>开始时间</td>
                                        <td>
                                            <input type="hidden" id="userId" name="userId" value="${userId!''}" />
                                            <input type="hidden" id="id" name="id" value="" />
                                            <input type="text" id="start" name="start" />
                                        </td>
                                        <td>结束时间</td>
                                        <td>
                                            <input type="text" id="end" name="end" placeholder="履历结束时间" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>是否公开</td>
                                        <td>
                                            <input type="radio" id="isPubilc1" name="isPubilc" value="1" > 公开
                                            <input type="radio" id="isPubilc2" name="isPubilc" value="2"> 非公开
                                        </td>
                                        <td>职务</td>
                                        <td>
                                            <input type="text" id="position" name="position" placeholder="履历发生时担任职务" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>经历</td>
                                        <td colspan="3">
                                            <textarea id="undergo" name="undergo"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>备注</td>
                                        <td colspan="3">
                                            <textarea id="remark" name="remark"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="text-align: center;">
                                            <input type="button" class="am-btn am-btn-success" value="新增|修改" onclick="addOrUpdateResume()"/>
                                            <input type="button" class="am-btn am-btn-danger" onclick="clearForm('resumeForm')" value="清空数据" />
                                        </td>
                                    </tr>
                                </table>


                            </form>
                        </div>


                    </div>
                </div>
            </div>


        </div>


    </div>








<#--JS 部分 -->
    <script type="text/javascript" src="/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="/js/common/base.js"></script>
<#--妹子UI-->
    <script type="text/javascript" src="/plugin/amaze/js/amazeui.min.js"></script>
    <script type="text/javascript" src="/plugin/amaze/js/app.js"></script>
    <script type="text/javascript" src="/plugin/amaze/js/theme.js"></script>
<#--layer.js，只需要引入这个，css会自动引入-->
    <script type="text/javascript" src="/plugin/layer-v3.1.1/layer.js"></script>
<#--laydate.js 时间组件-->
    <script type="text/javascript" src="/plugin/laydate/laydate.js"></script>
<#--分页-->
    <script type="text/javascript" src="/js/common/initPage.js"></script>

<#--自己的js-->
    <script type="text/javascript" src="/js/user/userResume.js"></script>

    <script type="text/javascript">




    </script>


</body>


</html>
